import React, { Component } from 'react';
import '../../../assets/styles/dataanalysis.css'
import Shuju from './Shuju';
import Guanjian from './Guanjian';
import Shichang from './Shichang';
class Index extends Component {
    render() {
        return (
            <div id='tou'>

                <div id='tou1'>
                    <div className='tou2'>< img src= {require ('../../../assets/images/shujufenxi_01.png')} />
                   
                    <p className='erer'>夜间多云 <span>26℃ </span>  <br />湿度 10% 东南风3-4级</p>
                    </div>

                    <div className='duoyun'>< img src= {require ('../../../assets/images/shujufenxi_02.png')} /> <p>多云</p></div>

                    <div  className='duoyun'>< img src= {require ('../../../assets/images/shujufenxi_03.png')} /><p>下雨</p></div>

                    <div className='duoyun'>< img src= {require ('../../../assets/images/shujufenxi_04.png')} /><p>下雪</p></div>

                    <div className='duoyun'>< img src= {require ('../../../assets/images/shujufenxi_05.png')} /><p>刮风</p></div> 

                </div>
                <div style={{
                    marginTop:'20px',
                    paddingLeft:'15px',
                    height:'50px',
                    fontSize:'20px',
                    lineHeight:'50px',
                    fontWeight:'700',
                   }}> <p style={{
                    fontSize:'20px',
                    fontWeight:'700',
                   }}>数据指标</p></div>
                 <Shuju/>
                <div className='zhibiao'><Guanjian/></div>
               <Shichang/>
            </div>
        );
    }
}

export default Index;
